@import './vars.scss';

// 主页顶部导航
.cjui-g__sub-menu--TopMenu.el-popper {
  border: 0;
  border-radius: 0;
  margin-top: -6px;
  font-family: zcoolKuHei;
  box-shadow: var(--el-box-shadow-lighter);

  .el-menu--horizontal {
    height: auto;
  }

  .el-menu {
    background: var(--cjui-header-bg-color);
    border-radius: 0;
  }

  .el-menu--popup {
    padding: 0;
  }

  .el-menu .el-menu-item {
    font-size: 12px;
    background: var(--cjui-header-bg-color);
  }

  .el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
    background-color: #141c29;
  }

  .el-menu--horizontal.el-menu--popup-container .el-menu-item a {
    color: var(--cjui-header-color);

    &:hover {
      color: var(--el-color-primary);
    }
  }

  .el-menu--horizontal.el-menu--popup-container .el-menu-item.is-active a {
    color: var(--el-color-primary);
  }
}

// 表单样式
.cjui-g__form {
  // 单行表单label左对齐
  &.el-form--label-left {
    .el-form-item {
      .el-form-item__label {
        display: initial;
        padding-left: 2px;
      }

      &.is-required {
        .el-form-item__label {
          &::before {
            display: none;
          }

          &::after {
            content: '*';
            color: var(--el-color-danger);
            margin-left: 4px;
          }
        }
      }
    }
  }

  // 在弹框中默认增加间距
  &.is-in-dialog {
    padding: 10px 20px 0;
  }

  // 表单项线性风格
  &.is-line-style {
    .el-form-item .el-input__wrapper {
      box-shadow: unset;
      padding: 1px 2px;
      border-bottom: 1px solid var(--el-border-color);

      &.is-focus {
        border-bottom: 1px solid var(--el-color-primary);
      }
    }

    .el-form-item.is-error .el-input__wrapper {
      border-bottom: 1px solid var(--el-color-danger);
    }

    .el-form-item__label {
      line-height: 36px;
    }
  }
}
@media screen and (max-width: $w-xs) {
  .cjui-g__form {
    &.is-in-dialog {
      padding: 0;
    }

    .el-form-item {
      display: block;
    }
  }
}

// 单选
.cjui-g__radio {
  // 按钮分离样式
  &.el-radio-group.is-margin {
    .el-radio-button {
      margin-right: var(--sys-body-content-el-margin);
    }

    .el-radio-button__inner,
    .el-radio-button:first-child .el-radio-button__inner,
    .el-radio-button:last-child .el-radio-button__inner {
      border: 0;
      border-radius: 3px;
    }
  }
}
